{extend name="index/nav" /}}
{block name="main"}
<div class="body">
    <div class="">
        <h2>资讯管理</h2>
    </div>
    <div class="index-table">
        <table class="am-table am-table-bordered am-table-radius am-table-striped" id="mytable">
            <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>性别</th>
                <th>游戏</th>
                <th>关注公众号</th>
                <th>更多精彩</th>
                <th>地区</th>
                <th>时间</th>
                <!-- <th>操作</th> -->
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <div><button class='webtn1'>上一页</button> <button class='webtn2'>下一页</button>    <span class='page'></span></div>
    </div>
</div>

<script src='/static/index/js/jquery-1.11.0.min.js'></script>
<script>
    $(function() {
        var page=1;
        var count;
        $('#collapse-nav2').addClass('am-in');
        //       屏幕高度
        var heigth = document.body.offsetHeight - 90;
        $('.body').css('height', heigth + 'px');

function active(num){
    $.post('{:url("admin/index/weChat")}',{'page':num}, function (res) {
            res=JSON.parse(res);
            console.log(res);
            count=res.data;
            $('.page').text(num+'  /  '+count);
            $('#mytable tbody').text('');
            for(var i= 0;i<res.result.length;i++){
                var data=res.result[i];
                
                data.sex=data.sex==1?'男':data.sex==2?'女':'';
                fstatic=data.fstatic==0?'没点':data.fstatic==null?'没点':'点了';
                tstatic=data.tstatic==0?'没点':data.fstatic==null?'没点':'点了';
                num=data.num==0?'刺激战场':data.num==1?'王者荣耀':data.num==2?'第五人格':data.num==3?'梦幻西游':'无';

                $('#mytable tbody').append(`<tr>
                   <td>${data.id}</td>
                   <td>${data.nickname}</td>
                   <td>${data.sex}</td>
                   <td>${num}</td>
                   <td>${fstatic}</td>
                   <td>${tstatic}</td>              
                   <td>${data.province}</td>
                   <td>${data.visit_time}</td>
                </tr>`);
            };
        })
}


active(page);
      $('.webtn1').click(function(){
        page--;
        page=page<1?1:page;

        // console.log(page);
        active(page)
      })
      $('.webtn2').click(function(){
        page++;
        var n=Math.ceil(count/13);
        page=page>n?n:page;
        // console.log(page);
        active(page)
      })
//      表格数据
        
    })

    // //  删除
    // $('#mytable').delegate('.image_delect','click',function(){
    //     var id=$(this).attr('data_id');
    //     $.post('{:url("admin/index/delNew")}',{id:id},function (res) {
    //         window.location.reload();
    //     })
    // })

    // //  编辑
    // $('#mytable').delegate('.image_add','click',function(){
    //     var id=$(this).attr('data_id');
    //     document.cookie= id;
    //     var arr=document.cookie.split(';');
    //     var id=arr[arr.length-1];
    //      window.location.href='{:url("admin/index/goNewsEdit")}';
    // })

</script>
{/block}